import React from 'react'
import './style.less'
import { NavLink } from 'react-router-dom'

export default function BottomNav () {
  return (
    <div className="nav-footer">
      <ul>
        <li><NavLink to="/" exact>
          <i className="iconfont icon-home"></i>
          <span>首页</span>
        </NavLink></li>
        <li><NavLink to='/shop'>
          <i className="iconfont icon-trophy"></i>
          <span>商城</span></NavLink></li>
        <li><NavLink to='/life'>
          <i className="iconfont icon-shop"></i>
          <span>生活服务</span></NavLink></li>
        <li><NavLink to='/user'>
          <i className="iconfont icon-team"></i>
          <span>我的</span></NavLink></li>
      </ul>
    </div>
  )
}
